<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		<title></title>
		<script src = "https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
		<script src = "https://cdn.staticfile.org/vue-router/2.7.0/vue-router.min.js"></script>
		
		<style>
			#left{
				float: left;
			}
			#bottom{
				clear: both;
			background:url(img/3.jpg);
			background-size:100% 100%;
			height: 200px;
			height: 600px;
		}
		input{
			border: 1px solid;
			font-size: 20px;
			background-color:rgba(255, 255, 255, 0);
			
		}
		#jiange{
			background-color:rgba(255, 255, 255, 0);
			height: 80px;
		}
		#tianxie{
			background-color:rgba(255, 255,  255, 0.3);
			height: 360px;
			margin-left: 500px;
			width: 500px;
			padding:200px auto;
		}
		button{
			height: 20px;
			width: 30px;
		}
		ul{
			list-style:none;
			padding-top: 20px;
			
		}
		ul.mainmenu li{
			float:left;
			font-size: 20px;
			text-align: center;
			margin-left: 125px;
			clear: all;
		}
		.zhuce{
			color: white;
		}
		#canshu{
			clear: both;
			margin-top: 45px;
			margin-left: 100px;
		}
		a{
			text-decoration: none;
		}
		#ziti{
			font-size: 20px;
			clear: both;
		}
		#button{
			height: 40px;
			width: 200px;
			background-color: #42B642;
			border: none;
			margin-left: 60px;
			
		}
		</style>
		
	</head>
	<body >
		<form method = "post" action = "register_teacher.php">
		<div id = "top" >
			<img style = "margin-left: 30px;" id = "left" src = "img/1.png" >
			<p style = "color:#8399F6 ;padding-left: 40%;font-size:40px;">学习统计云平台</p>
		</div>
		<div id = "bottom" >
			<div id = "jiange"></div>
			<div id = "tianxie">
					<ul class = "mainmenu">
							<li class = "denglu" >
								<a href = "登录_teacher.html">
									<span>登录</span>
								</a>
							</li>
							<li class = "zhuce">
								<a href = "#">
									<span>注册</span>
								</a>
							</li>
					</ul>
					<div id = "canshu">
						<span id = "ziti">用户名:<input type = "text" name = "username" value = ""></span>
						<br><br>
						<span id = "ziti">电话:<input type = "text" name = "phone" value = ""></span>
						<br><br>
						<span id = "ziti">邮箱:<input type = "text" name = "email" value = ""></span>
						<br><br>
						<span id = "ziti">密码:<input type = "text" name = "password" value = ""></span>
						<br><br>
						<button id = "button" name = "register">注册</button>
						
					</div>
			</div>
		</div>
	</form>
	</body>
	
		
</html>
